<style>
    .plugin-bg {
        padding: 30px;
    }

    .layui-elem-quote {
        margin-bottom: 10px;
        line-height: 1px;
        background-color: white;
        padding: 15px;
        border-left: 5px solid rgb(110, 68, 255);
        border-radius: 0px 2px 2px 0px;
        font-weight: bolder;
        color: black;
    }

    .body-style {
        height: 40px;
        background-color: beige;
        overflow: hidden
    }

    .title-sty {
        font-size: 15px;
    }

    .desc-sty {
        font-size: 10px;
        line-height: 1;
        color: rgb(153, 153, 153);
    }

    .hover-sty {
        background-color: #9788ec30;
    }

    .layui-icon-close-fill {
        font-size: 20px
    }

    .null-sty {
        font-size: 12px
    }

    /*.plugin-item {*/
    /*background-color: beige;*/
    /*}*/

    .red-font{
        color: red;
    }

    .plugin-item:hover {
        cursor: pointer;
    }
</style>
<div class="layuimini-container">
    <div class="layuimini-main">

        <div class=" plugin-bg">
            <div class="layui-row layui-col-space15">
                <blockquote class="layui-elem-quote">
                    插件中心 - 平台<span class="desc-sty">&nbsp&nbsp(平台插件的使用与操作，只有在<span class="red-font">插件管理</span>里安装后并正常启用了的<span class="red-font"> 插件（包括应用插件）</span>才会展示在这里；<span class="red-font"> 总平台管理使用到的插件无需购买，直接显示可使用</span>)</span>
                </blockquote>
                <div id="plugin_list" class="layui-row layui-col-space25">


                </div>
            </div>
        </div>
    </div>
</div>
<script id="plugin_template" type="text/html">


    {{#  layui.each(d, function(index, item){ }}
    <div class="layui-col-md2 plugin-item" data-plugin-id="{{item.id}}" title="单击管理插件后台菜单" >
        <div class="layui-card">
            <div class="layui-card-body  body-style">
                <div class="layui-row">
                    <div class="layui-col-md3">
                        <!--图标-->
                        <img src="{{item.icon}}" height="40px" width="40px">
                    </div>
                    <div class="layui-col-md9">
                        <div class="layui-row">
                            <div class="layui-col-md12">
                                <!--插件名-->
                                <div class="title-sty">{{item.title}}</div>
                                <!--插件描述-->
                                <div class="desc-sty">{{item.subtitle}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{#  }); }}

    {{#  if(d.length === 0){ }}
    <div class="layui-col-md12">
        <div><i class="layui-icon layui-icon-close-fill"></i><span class="null-sty">&nbsp&nbsp当前系统尚未安装或启用任何平台插件...</span></div>
    </div>
    {{#  } }}


</script>